<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 下拉菜单（Dropdowns）</title>
    <link rel="stylesheet" type="text/css" href="../bootstrap/css/bootstrap.min.css">
    <script src="../js/jQuery.js"></script>
    <script src="../bootstrap/js/bootstrap.min.js"></script>
</head>
<body>

      <div class="dropdown">
          <button class="btn btn-default dropdown-toggle" data-toggle="dropdown">
           喜欢的频道
              <span class="caret"></span>
          </button>
          <ul class="dropdown-menu">
              <li class="dropdown-header">--科普--</li>
              <li><a href="http://scitg.sdlgjycm.com/Myeduca/introduced?Id=4129" target="_blank">人与自然</a> </li>
              <!--设置类别之间的分割线-->
              <li class="divider"></li>
              <li class="dropdown-header">--搞笑--</li>
              <li class="active"><a href="http://scitg.sdlgjycm.com/Myeduca/introduced?Id=4129" target="_blank">快本</a> </li>
              <li class="disabled"><a href="http://scitg.sdlgjycm.com/Myeduca/introduced?Id=4129" target="_blank">生活大爆炸</a> </li>
              <li><a href="http://scitg.sdlgjycm.com/Myeduca/introduced?Id=4129" target="_blank">欢乐喜剧人</a> </li>
              <li><a href="http://scitg.sdlgjycm.com/Myeduca/introduced?Id=4129" target="_blank">哈哈哈哈</a> </li>
          </ul>
      </div>
</body>
</html>